<template>
  <div class="test_two_box" v-show="showMes">
    <video
      id="myVideo"
      class="video-js"
      autoplay
      controls>
      <source
        src="http://1.117.149.191:100/guides-web-videos/扰乱市场秩序罪.mp4"
        type="video/mp4">
    </video>
  </div>
</template>

<script>
import {eventBus} from "../../../assets/Bus";//转换成以下异步组件会失效
// const {eventBus} = () => import('../../../assets/Bus')

export default {
  name: "videoPlay",
  data() {
    return {
      showMes:true,
    };
  },
  mounted() {
    var videoName = this.$route.query.params;
    console.log("videoName:"+videoName)
    this.initVideo(videoName)
  },
  methods: {
    //播放、暂停
    changePlay(){
      var vide= document.getElementById("myVideo");
      if(vide.paused){
        vide.play()
        this.showMes=false
      }else if(vide.play()){
        vide.pause();
        this.showMes=true
      }
    },
    // async initVideo(videoName) {
    initVideo(videoName) {
      //初始化视频方法
      let myPlayer = this.$video('myVideo', {
        //确定播放器是否具有用户可以与之交互的控件。没有控件，启动视频播放的唯一方法是使用autoplay属性或通过Player API。
        controls: true,
        //自动播放属性,muted:静音播放
        autoplay: "muted",
        //建议浏览器是否应在<video>加载元素后立即开始下载视频数据。
        preload: "none",
        //设置视频播放器的显示宽度（以像素为单位）
        width: "650px",
        //设置视频播放器的显示高度（以像素为单位）
        height: "450px"
      });
      // myPlayer.src("http://s.uprins.com/s/jd/mp4/"+num+".mp4")
      //需要使用require包裹相对路径才行

      //本地相对路径 同服务器路径
      // myPlayer.src(require("../../../../static/src-video/"+videoName + ".mp4"))
      //正常
      // myPlayer.src(require("../../../assets/src-video/"+videoName + ".mp4"))
      myPlayer.src("http://1.117.149.191:100/guides-web-videos/"+videoName + ".mp4")
    }

  },
  created() {
    //页面刚加载进来时
    // var videoName = this.$route.query.params;
    // console.log("videoName:"+videoName)
    // setTimeout(
    //   this.initVideo(videoName),300
    // )
    // this.$router.push({path:"./"})
    eventBus.$on("showVideo", videoName => {
      // this.path = "../../../static/"+params+".pdf";
      //需要修改，格式不该限定
      // this.src = "../../../assets/video/"+videoName + ".mp4";
      // this.showDoc(params);
      this.initVideo(videoName);
    });
  },
};
</script>

<style scoped>
.test_two_box {
  padding-top: 2rem;
  padding-left: 0.1rem;
}
</style>
